<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="CSS/reset.css">
    <link rel="stylesheet" href="CSS/index.css">
</head>
<body>
    <nav>
        <div>
        <div>首页</div>
        <div>电影</div>
        <div>影院</div>
        <div>演出</div>
        <div>榜单</div>
        <div>热点</div>
        <div>商城</div>
            <h3>app下载</h3>
            <input type="text" name="info" placeholder="找影视剧，影院，影人">
            <img src="Imge/7dd82a16316ab32c8359debdb04396ef2897.png" alt="图片加载失败">
        </div>

    </nav>
    <article>
        <section>
            <div>
                <div>
                    <img src="Imge/25bfd671be15bf51baf0ee3a5d06b91bf94c3.jpg" alt="">
                </div>
                <div>
                    购票
                </div>
            </div>
            <div>
                <div><img src="Imge/25bfd671be151b2ff711e5024a88733756aae.jpg" alt=""></div>
                <div>购票</div>
            </div>
            <div>
                <div><img src="Imge/25bfd671339c7e8ea33139d0476cb0d92908d.jpg" alt=""></div>
                <div>购票</div>
            </div>
            <div>
                <div><img src="Imge/25bfd67171f2ff338f31397eddc97451194d8.jpg" alt=""></div>
                <div>购票</div>
            </div>
            <div>
                <div><img src="Imge/25bfd687ecdc7e2ff7af339b7138f3b0d2d70.jpg" alt=""></div>
                <div>购票</div>
            </div>
            <div>
                <div><img src="Imge/25bfd687b5351b87a9b5356cb3df409d810a0.jpg" alt=""></div>
                <div>购票</div>
            </div>
            <div>
                <div><img src="Imge/25bfd69a8eac7e7a3539dd3abbabc299e2f10.jpg" alt=""></div>
                <div>购票</div>
            </div>
            <div>
                <div><img src="Imge/25bfd67151b5bff0eeecd8a8e87fe5da73212.jpg" alt=""></div>
                <div>购票</div>
            </div>
        </section>
        <section>
            <div>
                <section style="display: flex;border: 1px solid #e5e5e5;margin-top: 20px">
                    <div style="width: 130px;height: 80px;">
                        <img src="Imge/25bfd6022ffddd16bdf2aa147266fd108469a.jpg" alt="" style="width: 130px;height: 80px;margin: 0">
                    </div>
                    <div style="margin-top: 20px;padding-left: 10px">
                        <p style="font-size: 20px">侏罗纪世界3</p>
                        <p style="font-size: 14px;color: red;margin-top: 10px">1030.14万</p>
                    </div>
                </section>
                <div style="display: flex;justify-content: space-between;height: 50px;line-height: 50px"><p>2 暗恋·橘生淮南</p>
                <p style="color: red">164.35万</p></div>
                <div style="display: flex;justify-content: space-between;height: 50px;line-height: 50px"><p>3 坏蛋联盟</p>
                    <p style="color: red">97.16万</p></div>
                <div style="display: flex;justify-content: space-between;height: 50px;line-height: 50px"><p>4 天才计划</p>
                    <p style="color: red">22.21万</p></div>
                <div style="display: flex;justify-content: space-between;height: 50px;line-height: 50px"><p>5 哆啦A梦·大熊的宇宙小冒险</p>
                    <p style="color: red">18.50万</p></div>
                <section style="margin-top: 20px">
                    <div style="display: flex">
                        <div style="font-size: 22px;width: 40px;color: white;background-color: red;text-align: center">今日大盘</div>
                        <div style="width: 500px;background-color: #e5e5e5;" id="ptes">
                            <div style="display: flex">  <p style="font-size: 26px;margin-top: 20px;margin-left: 5px">1416.9</p>
                                <p style="margin-top: 30px">万</p>
                                <p style="margin-left: 260px;margin-top: 30px;width: 80px">查看更多></p></div>

                            <p style="flex-wrap:wrap;margin-left: 20px;margin-top: 5px">北京时间 15:05:18  猫眼专业版实时票房数据</p>
                        </div>

                    </div>
                </section>

            </div>
        </section>
    </article>
</body>
</html>